<template>
	<view @tap="$router.go(data?.url)">
		<su-image :src="$url.cdn(data.src)" mode="widthFix"></su-image>
	</view>
</template>

<script setup>
	/**
	 * 图片组件
	 */
	import $url from '/shop/url/index.js';
	import $router from '/shop/router/index.js';
	// 接收参数
	const props = defineProps({
		data: {
			type: Object,
			default: () => ({}),
		},
		styles: {
			type: Object,
			default: () => ({}),
		},
	});
</script>

<style lang="scss" scoped></style>
